<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>校园跑腿</title>
  <meta name="description" content="校园跑腿"/>
  <meta name="keywords" content="校园跑腿"/>
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <link rel="stylesheet" href="/css/amazeui.min.css"/>
  <link rel="stylesheet" href="/css/style.css"/>
  <script type="text/javascript" src="/js/jquery.min.js"></script>
  <script type="text/javascript" src="/js/amazeui.min.js"></script>
  <script type="text/javascript" src="/js/application.js"></script>

</head>
<body>
<header data-am-widget="header" class="am-header am-header-default header">
  <div class="am-header-left am-header-nav">
    <a href="/user/mypage" class="">
      <i class="am-header-icon am-icon-angle-left"></i>
    </a>
  </div>
  <h1 class="am-header-title">返费<a href="#title-link" class="" style="color: #333;">我的抢单</a></h1>
  <div class="am-header-right am-header-nav">
    <a href="#right-link" class=""> </a>
  </div>
</header>

<ul class="order-style">
  <li ><a href="/order/myordergrabbing">全部</a></li>
  <li ><a href="/order/Runorderinprogress">进行中</a></li>
  <li class="current"><a href="/order/Runordercompleted">已完成</a></li>
  <li><a href="/order/Runordercanceled">已取消</a></li>
</ul>


<!--列表,循环-->
<div class="c-comment-list" style="border: 0;">
  <div th:each="orderForm:${orderFormList}">
    <div class="c-comment">
      <span class="c-comment-num">订单编号：<span th:text="${orderForm.orderId}"/></span>
      <span class="c-comment-suc">已完成</span>
    </div>
    <a class="o-con" href="content.html">
      <div class="am-intro-left am-u-sm-3"><img src="/img/p.png"/></div>
      <div class="o-con-txt">
        <span th:text="${orderForm.type}"></span>
        <p style="color: gray;margin-top: 2px;font-size: 12px"><span th:text="${orderForm.billTime}"/></p>
        <span style="color: gray;margin-top: 2px;font-size: 12px" th:text="${orderForm.deadLine}"></span>
        <p class="price" style="font-size: 14px"><span th:text="${orderForm.remark}"/></p>
      </div>
      <div class="o-con-much"></div>
    </a>
  </div>
</div>



</body>
</html>
